<!--  -->
<template>
  <div class="h-[100%] flex items-center justify-center">
    <div class="w-[200px] flex-row items-center justify-center border-red-50">
      <div
        class="w-[100%] h-[100px] border-[red] border-1 rounded-[16px] mt-4"
        v-for="item in list">
        {{ item }}
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from "vue";
const list = Array.from({ length: 10 }, (_, i) => {
  return i;
});
</script>
<style scoped lang="less"></style>
